
.avatar-image {
    position: relative;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    width: 32px;
    border-radius: 50%;
    cursor:pointer;
    object-fit: contain;
    box-shadow: 0 2px 5px 1px rgba(21, 21, 21, 0.3);
}

.avatar-image:hover {
    box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.5);
}


